70-480: Programming in HTML5 with JavaScript and CSS3

You are developing a customer web form that includes the following HTML.

Information from the web form is submitted to a web service. The web service returns the following JSON object.

{

"Confirmation": "1234",

"FirstName": "John"

}

You need to display the Confirmation number from the JSON response in the txtValue label field.

Which JavaScript code segment should you use?

$("#txtValue").val = (JSONObject.Confirmation);
$("#txtValue").val (JSONObject.Confirmation);
$("#txtValue").text = (JSONObject.Confirmation);
$("#txtValue").text (JSONObject.Confirmation);

Correct answer: D

Explanation:

Incorrect Answers:A, B: A label object has no value attribute.Reference:http://api.jquery.com/text/

Incorrect Answers:

A, B: A label object has no value attribute.

Reference:

http://api.jquery.com/text/

You are developing a customer web form that includes the following HTML.

A customer must enter a value in the text box prior to submitting the form.

You need to add validation to the text box control.

Which HTML should you use?

<input id="txtValue" type="text" required="required"/>
<input id="txtValue" type="text" pattern="[A-Za-z]{3}" />
<input id="txtValue" type="required" />
<input id="txtValue" type="required" autocomplete="on" />

Correct answer: A

Explanation:

Definition and Usage The required attribute is a boolean attribute. When present, it specifies that an input field must be filled out before submitting the form. Example An HTML form with a required input field:<form action="demo_form.asp"> Username: <input type="text" name="usrname" required /> <input type="submit" /> </form> Username: <input type="text" name="usrname" required />Reference: HTML <input> required Attributehttp://www.w3schools.com/tags/att_input_required.asp

Definition and Usage

The required attribute is a boolean attribute.

When present, it specifies that an input field must be filled out before submitting the form.

Example

An HTML form with a required input field:

Username: <input type="text" name="usrname" required />

</form>

Username: <input type="text" name="usrname" required />

Reference: HTML <input> required Attribute

http://www.w3schools.com/tags/att_input_required.asp

You are developing an HTML5 web application that displays the current temperature whenever a button is clicked. The following code provides this functionality.

When the temperature is loaded, the status property on the loader instance does not change.

You need to ensure that the status property on the loader instance is updated when the temperature is loaded.

Which code segment should you use to replace the Loader function?

Correct answer: A

Explanation:

Incorrect Answers:D: window.status propertyThe status property sets the text in the status bar at the bottom of the browser, or returns the previously set text.

Incorrect Answers:

D: window.status property

The status property sets the text in the status bar at the bottom of the browser, or returns the previously set text.

You are creating a class named Consultant that must inherit from the Employee class. The Consultant class must modify the inherited PayEmployee method. The Employee class is defined as follows.

function Employee()

Employee.prototype.PayEmployee = function ( ){

alert('Hi there!');

}

Future instances of Consultant must be created with the overridden method.

You need to write the code to implement the Consultant class.

Which code segments should you use? (Each correct answer presents part of the solution. Choose two.)

Consultant.PayEmployee = function ()
    {
        alert('Pay Consulant');
    }
Consultant.prototype.PayEmployee = function ()
    {
        alert('Pay Consultant');
    }
function Consultant () {
        Employee.call(this);
    }
    Consultant.prototype = new Employee();
    Consultant.prototype.constructor = Consultant;
function Consultant() {
Employee.call(this); }
Consultant.prototype.constructor = Consultant.create;

Correct answer: BC

Explanation:

* Object.prototype.constructor Returns a reference to the Object function that created the instance's prototype. Note that the value of this property is a reference to the function itself, not a string containing the function's name. The value is only read-only for primitive values such as 1, true and "test". * The constructor property is created together with the function as a single property of func.prototype. Reference: Object.prototype.constructor

* Object.prototype.constructor

Returns a reference to the Object function that created the instance's prototype. Note that the value of this property is a reference to the function itself, not a string containing the function's name. The value is only read-only for primitive values such as 1, true and "test".

* The constructor property is created together with the function as a single property of func.prototype.

Reference: Object.prototype.constructor

You are modifying an existing web page. The page is being optimized for accessibility. The current page contains the following HTML.

Standards-compliant screen readers must be able to identify the links contained within the navigation structure automatically.

You need to create the navigation link structure in the page.

With which container tags should you wrap the existing markup?

<navmap> </navmap>
<div id="nav"> </div>
<nav> </nav>
<map> </map>

Correct answer: C

Explanation:

HTML <nav> Tag Example A set of navigation links:<nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav> Reference: HTML <nav> Taghttp://www.w3schools.com/tags/tag_nav.asp

HTML <nav> Tag

Example

A set of navigation links:

<nav>

<a href="/html/">HTML</a> |

<a href="/css/">CSS</a> |

<a href="/js/">JavaScript</a> |

<a href="/jquery/">jQuery</a>

</nav>

Reference: HTML <nav> Tag

http://www.w3schools.com/tags/tag_nav.asp

You are creating a JavaScript object that represents a customer.

You need to extend the Customer object by adding the GetCommission() method.

You need to ensure that all future instances of the Customer object implement the GetCommission() method.

Which code segment should you use?

Correct answer: D

Explanation:

* Object.prototype.constructor Returns a reference to the Object function that created the instance's prototype. Note that the value of this property is a reference to the function itself, not a string containing the function's name. The value is only read-only for primitive values such as 1, true and "test". * The constructor property is created together with the function as a single property of func.prototype. Reference: Object.prototype.constructor

* Object.prototype.constructor

Returns a reference to the Object function that created the instance's prototype. Note that the value of this property is a reference to the function itself, not a string containing the function's name. The value is only read-only for primitive values such as 1, true and "test".

* The constructor property is created together with the function as a single property of func.prototype.

Reference: Object.prototype.constructor

You are developing a web form that includes the following code.

When a user selects the check box, an input text box must be added to the page dynamically.

You need to ensure that the text box is added.

Which function should you use?

Correct answer: B

Explanation:

We create a now div element with the textbox. We then use appendChild() method appends this node as the last child the input node divname. Reference: HTML DOM appendChild() Method

We create a now div element with the textbox.

We then use appendChild() method appends this node as the last child the input node divname.

Reference: HTML DOM appendChild() Method

You are developing an HTML5 page that has an element with an ID of logo. The page includes the following HTML.

<div>

Logo:<br>

</div>

You need to move the logo element lower on the page by five pixels.

Which lines of code should you use? (Each correct answer presents part of the solution. Choose two.)

document.getElementById("logo") .style.position = "relative";
document.getElementByld("logo").Style.top = "5px";
document.getElementById("logo").style.top = "-5px";
document.getElementById("logo").style.position = "absolute";

Correct answer: AB

Explanation:

* style.position = "relative"; The element is positioned relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position.* For relatively positioned elements, the top property sets the top edge of an element to a unit above/below its normal position. Example: Set the top edge of the image to 5px below the top edge of its normal position:img { position: relative; top: 5px;} Reference: CSS position Property; CSS top Propertyhttp://www.w3schools.com/cssref/pr_class_position.asphttp://www.w3schools.com/cssref/pr_pos_top.asp

* style.position = "relative";

The element is positioned relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position.

* For relatively positioned elements, the top property sets the top edge of an element to a unit above/below its normal position.

Example:

Set the top edge of the image to 5px below the top edge of its normal position:

img {

position: relative;

top: 5px;

}

Reference: CSS position Property; CSS top Property

http://www.w3schools.com/cssref/pr_class_position.asp

http://www.w3schools.com/cssref/pr_pos_top.asp

You are developing a web page by using HTML5 and C5S3. The page includes a <div> tag with the ID set to validate.

When the page is rendered, the contents of the <div> tag appear on a line separate from the content above and below it. The rendered page resembles the following graphic.

The page must be rendered so that the <div> tag is not forced to be separate from the other content. The following graphic shows the correctly rendered output.

You need to ensure that the page is rendered to meet the requirement.

Which line of code should you use?

document.getElementById("validate").style.display = "inline";
document.getElementById("validate").style.margin = "0";
document.getElementById("validate").style.padding = "0";
document.getElementSyId("validate").style.display = "block";

Correct answer: A

Explanation:

* display: value;value: inlineDefault value. Displays an element as an inline element (like <span>) * Example Display <p> elements as inline elements:p.inline { display: inline;} Reference: CSS display Propertyhttp://www.w3schools.com/cssref/pr_class_display.asp

* display: value;

value: inline

Default value. Displays an element as an inline element (like <span>)

* Example

Display <p> elements as inline elements:

p.inline {

display: inline;

}

Reference: CSS display Property

http://www.w3schools.com/cssref/pr_class_display.asp

You are creating a JavaScript function that displays the name of a web application.

You declare the following button element.

When a user clicks the button, a JavaScript function named About must be called.

You need to create an event handler that calls the About function when the button is clicked.

Which two code segments can you use? (Each correct answer presents a complete solution. Choose two.)

Option A
Option B
Option C
Option D

Correct answer: CD

Explanation:

C: addEventListenerThe addEventListener() method attaches an event handler to the specified element. In context of a worker, both self and this refer to the global scope. The worker can either add an event listener for the message event, or it can define the onmessage handler to listen for any messages sent by the parent thread. D: attachEvent methodRegisters an event handler function (event listener) for the specified event on the current object. Reference: addEventListener method; attachEvent methodhttp://help.dottoro.com/ljeuqqoq.phphttp://help.dottoro.com/ljinxrmt.php

C: addEventListener

The addEventListener() method attaches an event handler to the specified element.

In context of a worker, both self and this refer to the global scope. The worker can either add an event listener for the message event, or it can define the onmessage handler to listen for any messages sent by the parent thread.

D: attachEvent method

Registers an event handler function (event listener) for the specified event on the current object.

Reference: addEventListener method; attachEvent method

http://help.dottoro.com/ljeuqqoq.php

http://help.dottoro.com/ljinxrmt.php

Vendor:	Microsoft
Exam Code:	70-480
Exam Name:	Programming in HTML5 with JavaScript and CSS3
Date:	Jan 12, 2019
File Size:	16 MB

Download Programming in HTML5 with JavaScript and CSS3.70-480.PassLeader.2019-01-12.189q.vcex

How to open VCEX files?

Demo Questions

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

Question 8

Question 9

Question 10

ProfExam at a 20% markdown